.icon {
	display: inline-block
	width: 14px
	height: 14px
	position: relative
	top: 2px
	margin-right: space(0.5)
	background-size: contain
	background-position: center center
	background-repeat: no-repeat
}

.icon--mic {
	background-image url(assets/mic-icon.svg)
}

.icon--cam {
	background-image url(assets/cam-icon.svg)
}

.icon--record {
	background-image url(assets/outputs/record-icon.svg)
}

.icon--stop {
	background-image url(assets/outputs/stop-icon.svg)
}

.icon--share {
	background-image: url(assets/sharing-facebook.svg)
}

.icon--recorder {
	background-image url(assets/outputs/recorder-icon.svg)
}

.icon--speaker {
	background-image url(assets/speaker-icon.svg)
	background-position-y: 100%
	background-size: 100%
}

.icon--large {
	width: 24px
	height: 24px
	top: 5px
}

.icon--facebook {
	position: absolute
	width: 18px
	height: 24px
	bottom: 0px
	right: 0px
	display: inline-block
	background-image: url(assets/sharing-facebook.svg)
	background-size: contain
	background-repeat: no-repeat
}

.icon--twitter {
	position: absolute
	width: 28px
	height: 30px
	left: 0px
	top: 0px
	
	display: inline-block
	background-image: url(assets/sharing-twitter.svg)
	background-size: 20px
	background-repeat: no-repeat
	background-position: center center
}

